<template>
    <div>
        <Header></Header>
        <Shuffling-Figure></Shuffling-Figure>
        <Live-Course></Live-Course>
        <Courses title="免费课程" kind="free" page-size="10"></Courses>
        <Courses title="精品课程" kind="boutique" page-size="5"></Courses>
        <Courses title="限时折扣课程" kind="discount" page-size="5"></Courses>
    </div>
</template>

<script>

    import ShufflingFigure from "./ShufflingFigure";
    import LiveCourse from "./LiveCourse";
    import Courses from "./Courses";
    import Header from "./Header";



    export default {
        name: "Body.vue",
        components:{
            ShufflingFigure,
            LiveCourse,
            Courses,
            Header

        },

    }
</script>

<style scoped>

</style>